<template>
  <div class="page-container">
    <DownHeader />
    <div class="down-wrap fx-full fx-ct-ct">
      <div class="phone-icon"></div>
      <div>
        <div class="down-word"></div>
        <div class="down-btn fx-bt-ct">
          <img class="ic-24" src="@/assets/icons/phone.png" alt="" />
          <div class="mg-lt-12 mg-rt-12 fw-600">
            {{ $t("downLoad.downBtn") }}PDA
          </div>
          <img
            @click="downHandle"
            class="ic-32 cs-pt"
            src="@/assets/icons/down_2.png"
            alt=""
          />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
// import { getAPK } from "@/api/user/user";
import DownHeader from "@/components/login_header";
export default {
  name: "DownBox",
  components: {
    DownHeader,
  },
  data: () => ({
    apkList: [],
  }),
  methods: {
    downHandle() {
      if (!this.apkList.length) return this.$message.warning("暂无可下载版本");
      window.location.href = this.apkList[0].link;
    },
    // async getAPKHandle() {
    //   let res = await getAPK();
    //   if (res.data.code != 200) return this.$message.error(res.data.msg);
    //   this.apkList = res.data.data.fileAttachResList;
    // },
  },
  mounted() {
    // this.getAPKHandle();
  },
};
</script>

<style scoped lang="scss">
.down-wrap {
  background: url("~@/assets/login/down_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.phone-icon {
  margin-right: 98px;
  width: 266px;
  height: 552px;
  background: url("~@/assets/login/mobile_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.down-word {
  width: 424px;
  height: 48px;
  margin-bottom: 32px;
  background: url("~@/assets/login/down_word.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.down-btn {
  width: max-content;
  padding: 11px 16px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.12),
    0px 4px 5px 0px rgba(0, 0, 0, 0.08), 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
}
</style>
